<div class="btn-toolbar">
  <div class="btn-group"><button type="button" class="btn btn-primary" ng-click="newMessage()">New Message</button></div>
  <div class="btn-group"><button type="button" class="btn btn-primary" ng-click="removeSelected()">Delete</button></div>
  <div class="btn-group"><button type="button" class="btn btn-primary" ng-click="removeAll()">Delete All</button></div>
  <div class="btn-group"><button type="button" class="btn btn-primary" ng-click="reload()">Reload</button></div>
</div>
<table class="table table-hover">
  <thead>
    <tr>
      <th>Sender</th>
      <th>Subject</th>
      <th>Date</th>
      <th>Delete</th>
    </tr>
  </thead>
  <tbody>
    <tr ng-repeat="message in messages" ng-click="setSelected($index)">
      <td>{{message.sender}}</td>
      <td><a href="#/view/{{message.id}}">{{message.subject}}</a></td>
      <td>{{message.date}}</td>
      <td><a ng-click="remove($index)">Remove</a></td>
    </tr>
  </tbody>
</table>